/************** CSS Reset **************/
body, h1, h2, h3, h4, h5, h6, hr, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, legend, button,form, input, textarea, th, td ,article ,aside, dialog, footer, header, section, footer, nav, figure, menu{ margin: 0; padding: 0;font-family:Microsoft YaHei,Arial, Helvetica, Verdana, sans-serif;  }

html, body {
	font-family:Microsoft YaHei,Arial, Helvetica, Verdana, sans-serif; overflow:auto; min-width:320px;   background-color:#fff;}
html {  width:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body, button, input, select, option, label, textarea, fieldset, legend { font: 12px Microsoft YaHei, Tahoma, Helvetica, Arial, sans-serif;}
body,input,texrarea,select,label{font:0.8em 'Microsoft Yahei',arial,sans-serif; color:#333;}
h1 { font-size: 18px;}
h2, h4 { font-size: 16px;}
h3, h5 { font-size: 14px;}
h6 { font-size: 100%;}
em { font-style: normal;}
small { font-size: 12px;}
ul, ol { list-style: none;}
a { text-decoration: none; outline:none;} 
a:hover { text-decoration: none;}
legend { color: #000;}
fieldset, img { border: none;}
button, input, select, textarea { font-size: 100%;}
table { border-collapse: collapse; border-spacing: 0;}
th { text-align: inherit;}
hr { border: none; height: 1px;}
article ,aside, dialog, footer, header, section, footer, nav, figure, menu{ display:block;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}

a{ color:#444;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix{*zoom:1;}

.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }

ul,li,ol,oi,h1,h2,h3,h4,h5,h6,form{ padding:0px; margin:0px; list-style:none; }
input,textarea,select{ font-size:12px; font-family:Microsoft YaHei,Arial, Helvetica, Verdana, sans-serif; color:#444;}
img{ border:0;}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { -moz-outline-style:none; } /* for Firefox */ 

.global{ display:block; clear:both; margin:0 auto;}


.login{ width:100%; height:100%; background:url(../images/loginBg.jpg) no-repeat center top; background-size:100% 100%; margin:0 auto;  overflow:hidden; display:block; clear:both; text-align:center; }
.login .tit{ display:inline-block; width:22%; max-width:150px;   margin:120px auto 10px;  font-size:16px; color:#fff; text-align:center;}
.login .tit img{ display:block; clear:both; width:100%; margin:0 auto 6px;}


.loginPage{ width:78%; margin:0 auto; display:block; clear:both; text-align:center;}
.loginPage ul{ display:block; clear:both;}
.loginPage ul li{ display:block; clear:both; width:90%; margin:20px auto; overflow:hidden;  }
.loginPage ul li input{ display:block; clear:both;  padding:11px 0 11px 0; margin:0 0 0 44px; background:none; border:none; color:#fff; font-size:15px;-webkit-appearance: none;  }
.loginPage .username{ background:url(../images/username.png) no-repeat no-repeat 15px; background-size:auto 55%; border:1px solid #fff; border-radius:30px;}
.loginPage .password{ background:url(../images/password.png) no-repeat no-repeat 15px; background-size:auto 55%; border:1px solid #fff; border-radius:30px;}

.submitBtn{ display:block; clear:both; background-color:#fff; color:#b65f28; text-align:center; border-radius:30px; padding:12px 0; margin:5px 0 0 0; overflow:hidden; font-size:16px; font-weight:bold;}

.regBtn,.regBtn:hover{ font-size:16px; color:#fff; padding:0 15px; margin:10px 0; overflow:hidden; background:url(../images/line.png) no-repeat right center;}
.findpw,.findpw:hover{ font-size:16px; color:#fff; padding:0 15px; margin:10px 0; overflow:hidden;}


.reg{ width:100%; height:100%; margin:0 auto;  overflow:hidden; display:block; clear:both; }
.reg .tit{ background:url(../images/regBg.jpg) no-repeat center top; background-size:100% auto; overflow:hidden; display:block; width:100%; margin:0 auto 10px; padding:35px 0 20px 0;  font-size:16px; color:#fff; text-align:center;}
.reg .tit img{ display:block; clear:both; width:22%; max-width:150px; margin:0 auto 6px;}

.regPage{ width:78%; margin:20px auto; overflow:hidden; display:block; clear:both; text-align:center;}
.regPage ul{ display:block; clear:both; text-align:center; overflow:hidden;}
.regPage ul li{ display:block; clear:both; width:90%; margin:15px auto; overflow:hidden; border:1px solid #808080; border-radius:30px;  }
.regPage ul li input{ display:block; clear:both; width:100%;  padding:11px 0 11px 0; margin:0 11px;  background:none; border:none;  font-size:14px;-webkit-appearance: none; }
.regS,.regS:hover{ display:block; width:90%; clear:both; background-color:#b65f28; color:#fff; text-align:center; overflow:hidden; border-radius:30px; padding:11px 0; margin:5px auto 0;  font-size:16px; font-weight:bold;}
.loginBtn{ font-size:16px; display:block; clear:both; margin:20px 0; overflow:hidden;}
.loginBtn a{ display:inline-block; color:#b65f28; text-decoration:underline; padding:6px 2px;}


.welcome{ display:block; clear:both; width:90%; margin:0 auto; font-size:15px; line-height:160%;}
.welcome h3{ font-size:23px; font-weight:normal; display:block; clear:both; padding:18px 0 15px; line-height:130%;}
.welcome img{ width:100%;}
.welcome .signature{ display:block; clear:both; text-align:right; padding:12px 0;}
.wechat_code{ display:block; clear:both; margin:12px auto; width:90%;}
.wechat_code img{ width:100%;}



.header{ width:100%; height:48px; margin:0 auto; clear:both; display:block; overflow:hidden; background-color:#555; position:fixed; z-index:10000;}
.header .logo{  background:url(../images/logo.png) no-repeat right center; background-size: auto 100%; display:block; width:40%; height:34px; margin:8px 2% 0 6%; float:right; }
.header .backList{ width:30px; height:30px; display:block; margin:9px 0 0 5%; background:url(../images/navIcon.png) no-repeat center center; background-size:auto 65%;}


.act_top{ display:block; clear:both; margin:48px auto 0; overflow:hidden;}
.act_top img{ width:100%;}
.act_list{ display:block; clear:both;}
.act_list ul{ width:92%; margin:0 auto;}
.act_list ul li{ border-bottom:1px solid #ddd; display:block; clear:both;}
.act_list ul li a{ display:block; clear:both; padding:15px 2px; font-size:1.2em;}
.act_list ul li .pics{ width:31%; text-align:right; display:inline-block;}
.act_list ul li .pics img{ border-radius:6px; width:100%;}
.act_list ul li .infos{ width:67%; display:inline-block;}
.act_list ul li .infos img{ display:block; max-width:110px; max-height:38px; margin:0 0 5px 0;}
.act_list em{ color:#fff; background:#d3770d url(../images/arr.png) no-repeat right center; background-size:auto 35%; border-radius:30px; display:inline-block; padding:6px 25px 6px 15px; margin:15px 0 0 0; font-style:normal; font-size:14px !important;}
.act_list ul li a:hover em{ background:#be191f url(../images/arr.png) no-repeat right center;  background-size:auto 40%;}

.notice_top{ display:block; clear:both; margin:48px auto 0; overflow:hidden; position:relative; z-index:1}
.notice_top img{  z-index:5; width:100%;}
.notice_top span{ display:block; clear:both; font-size:1.8em; color:#fff; position:absolute; z-index:10; left:5%; line-height:160%; bottom:15px;}

.notice_list{ display:block; clear:both;}
.notice_list .intro{ display:block; clear:both; width:92%; color:#c16932; font-size:1.3em; margin:15px auto; }
.notice_list ul{ width:92%; margin:0 auto;}
.notice_list ul li{ border-bottom:1px solid #ddd; display:block; clear:both; padding:10px 0; vertical-align:top;}

.notice_list ul li .pics{ width:27%; text-align:right; display:inline-block;}
.notice_list ul li .pics img{ border-radius:6px; width:100%; max-width:150px; }
.notice_list ul li .infos{ width:69%; display:inline-block; float:left; margin:8px 0 0 0; color:#c16932; font-size:1.3em;}
.global .notice_list ul li span{ display:block; clear:both; color:#888; margin:0 0 1px 0; font-size:14px;}

.notice_list .bmBtn{ display:block; clear:both; overflow:hidden; text-align:center;}
.notice_list .bmBtn a{ display:block; clear:both; width:80%; padding:11px 0; border-radius:30px; color:#fff; background-color:#c16932; text-align:center; font-size:1.3em; text-align:center; margin:19px auto;}
.notice_list .bmBtn a:hover{ background-color:#d98721; }

.new_top{ display:block; clear:both; margin:48px auto 0; overflow:hidden; position:relative; z-index:1}
.new_top img{  z-index:5; width:100%;}
.new_top span{ display:block; clear:both; font-size:1.8em; color:#fff; position:absolute; z-index:10; left:5%; line-height:160%; bottom:11px;}

.new_list{ display:block; clear:both;}
.new_list .intro{ display:block; clear:both; width:92%; color:#c16932; font-size:1.3em; margin:15px auto; }
.new_list ul{ width:92%; margin:15px auto; text-align:center;}
.new_list ul li{ width:47%; max-width:250px;  display:inline-block; vertical-align:top; margin:0 2px; overflow:hidden;}

.new_list ul li .tit{ display:block; clear:both; background:#c16932 url(../images/new_icon_1.png) no-repeat center 12px; background-size:auto 46px; border-radius:6px; margin:0 0 4px 0; color:#fff; font-size:1.5em; text-align:center; padding:60px 0 11px 0; }
.new_list ul li .pics{ display:block; clear:both; position:relative; width:100%; z-index:1;}
.new_list ul li .pics span{ display:block; width:100%;  overflow:hidden; clear:both; position:absolute; z-index:10; border-radius:6px 6px 0 0; font-size:1.1em; color:#fff; background-color:#c16932; background: rgba(193, 105, 50, 0.9) !important; filter:alpha(opacity=90);}
.new_list ul li .pics span em{ padding:18px 12px 15px; display:block; overflow:hidden; height:40px;}
.new_list ul li .pics img{ border-radius:6px; width:100%; }

.new_list ul li .tit2{ display:block; clear:both; background:#cf8015 url(../images/new_icon_2.png) no-repeat center 12px; background-size:auto 46px; border-radius:6px; margin:0 0 4px 0; color:#fff; font-size:1.5em; text-align:center; padding:60px 0 11px 0; }
.new_list ul li .pics2{ display:block; clear:both; position:relative; width:100%; z-index:1;}
.new_list ul li .pics2 span{ display:block; width:100%;  overflow:hidden; clear:both; position:absolute; z-index:10; border-radius:6px 6px 0 0; font-size:1.1em; color:#fff; background-color:#cf8015; background: rgba(207, 128, 21, 0.9) !important; filter:alpha(opacity=90);}
.new_list ul li .pics2 span em{ padding:18px 12px 15px; display:block; overflow:hidden; height:40px;}
.new_list ul li .pics2 img{ border-radius:6px; width:100%; }


.hotel{ background-color:#ebebeb; min-height:100%; padding:0 0 12px;}
.hotel_top{ display:block; width:100%; clear:both; margin:48px auto 0; position:relative; overflow:hidden; font-size:0; z-index:1; }
.hotel_top img{ width:100%;}
.hotel_top div{ position:absolute; z-index:10; width:100%; text-align:center; margin:0 auto;}
.hotel_top span{ display:block; clear:both; text-align:center; border-radius:180px; width:100px; height:100px; font-size:18px !important; color:#fff;  background-color:#c16932; background: rgba(193, 105, 50, 0.8) !important; filter:alpha(opacity=80); left:40%; margin:70px auto 0; overflow:hidden;}
.hotel_top span img{ display:block; margin:18px auto 1px; width:45%;}

.hotel_list{ display:block; clear:both; margin:0 auto; }

.hotel_list ul{ width:92%; margin:10px auto 0;}
.hotel_list ul li{ display:block; clear:both;  overflow:hidden;}
.hotel_list ul li a{ display:block; clear:both; background-color:#fff; border:1px solid #ccc; border-radius:8px; padding:17px 15px; vertical-align:top;margin:4px 0; }
.hotel_list ul li .pics{ width:35%; display:inline-block; float:left;}
.hotel_list ul li .pics img{ width:100%;}

.hotel_list ul li .infos{ width:60%; display:inline-block; margin:0 0 0 4%; font-size:14px; color:#c16932;}
.hotel_list ul li .infos span{ display:block; clear:both; font-size:15px; margin:0 0 3px 0;}
.hotel_list ul li .infos em{ color:#fff; background:#d3770d url(../images/arr.png) no-repeat right center; background-size:auto 40%; border-radius:30px; display:inline-block; padding:6px 25px 6px 15px; margin:11px 0 0 0; font-style:normal; font-size:1em !important;}
.hotel_list ul li a:hover .infos{ color:#be191f;}
.hotel_list ul li a:hover em{ background-color:#be191f;}


.employee{ background-color:#ebebeb; min-height:100%; padding:0 0 12px;}
.employee_top{ display:block; width:100%; clear:both; margin:48px auto 0; position:relative; overflow:hidden; font-size:0; z-index:1; }
.employee_top img{ width:100%;}
.employee_top div{ position:absolute; z-index:10; width:100%; text-align:center; margin:0 auto;}
.employee_top span{ display:block; clear:both; text-align:center; border-radius:180px; width:100px; height:100px; font-size:18px !important; color:#fff;  background-color:#c16932; background: rgba(193, 105, 50, 0.8) !important; filter:alpha(opacity=80); left:40%; margin:70px auto 0; overflow:hidden;}
.employee_top span img{ display:block; margin:18px auto 1px; width:45%;}

.employee_list{ display:block; clear:both; margin:0 auto; }

.employee_list ul{ width:92%; margin:10px auto 0;}
.employee_list ul li{ display:block; clear:both; overflow:hidden; background-color:#fff; border:1px solid #ccc; border-radius:8px; padding:14px 14px; margin:5px 0; vertical-align:middle; }
.employee_list ul li .pics{ width:28%; display:inline-block;  font-size:0;}
.employee_list ul li .pics img{ width:100%; border-radius:180px;}

.employee_list ul li .infos{ width:67%; display:inline-block; margin:0 0 0 4%; font-size:14px; vertical-align:auto !important; float:right;}
.employee_list ul li .infos span{ display:block; clear:both; font-size:16px; margin:11px 0 5px 0; color:#c16932;}
.employee_list ul li .infos em{ color:#fff; background:#d3770d url(../images/arr.png) no-repeat right center; background-size:auto 40%; border-radius:30px; display:inline-block; padding:6px 25px 6px 15px; margin:11px 0 0 0; font-style:normal; font-size:1em !important;}
.employee_list ul li a:hover .infos{ color:#be191f;}
.employee_list ul li a:hover em{ background-color:#be191f;}



.knowledge_top{ display:block; clear:both; margin:48px auto 0; overflow:hidden; position:relative; z-index:1}
.knowledge_top img{  z-index:5; width:100%;}
.knowledge_top span{ display:block; clear:both; font-size:1.8em; color:#fff; position:absolute; z-index:10; left:5%; line-height:160%; bottom:11px;}

.knowledge_list{ display:block; clear:both;}
.knowledge_list .intro{ display:block; clear:both; width:90%; font-size:15px; margin:15px auto; }
.knowledge_list ul{ width:90%; margin:0 auto 6px;}
.knowledge_list ul li{  display:block; clear:both; padding:5px 0; vertical-align:top;}
.knowledge_list ul li img{ width:100%;}

.knowledge_detail{ display:block; margin:58px auto 0; clear:both;}
.knowledge_detail .tit{ width:92%; display:block; margin:0 auto; border-bottom:1px solid #ddd; padding:13px 0;}
.knowledge_detail .tit h3{ font-size:24px; font-weight:normal; display:block; font-style:italic; clear:both; margin:0 0 8px 0; color:#cf6819;}
.knowledge_detail .tit span{ padding:6px 0; display:inline-block; font-size:14px;}
.knowledge_detail .tit a{ display:inline-block; padding:6px 21px; font-size:14px; margin:0 0 0px 0; background-color:#cf6819; border-radius:20px; float:right; color:#fff;}


.knowledge_detail .tit2{ width:92%; display:block; margin:0 auto; border-bottom:1px solid #ddd; padding:13px 0;}
.knowledge_detail .tit2 h3{ font-size:18px; font-weight:normal; display:block; clear:both; margin:0 0 8px 0; color:#cf6819;}
.knowledge_detail .tit2 a{ display:inline-block; padding:6px 21px; font-size:14px; margin:0 0 0px 0; background-color:#cf6819; border-radius:20px;  color:#fff;}


.knowledge_detail .detail{ width:100%; display:block; clear:both;}
.knowledge_detail .detail img{ width:100%; display:block; clear:both;}


.about_top{ display:block; clear:both; margin:48px auto 0; overflow:hidden; position:relative; z-index:1; font-size:0;}
.about_top img{  z-index:5; width:100%;}
.about_top span{ display:block; clear:both; font-size:23px; color:#fff; position:absolute; z-index:10; left:5%; line-height:160%; bottom:8px;}


.about_tem{ display:block; clear:both;}
.about_tem ul li{ width:50%; display:inline-block;}
.about_tem ul li a{ font-size:17px; color:#fff; padding:12px 0; text-align:center; margin:0 auto 8px; display:block; clear:both;}
.about_tem ul .curr1{ background:url(../images/arr1.png) no-repeat center bottom;}
.about_tem ul .curr2{ background:url(../images/arr2.png) no-repeat center bottom;}

.about_tem ul li .bg1{ background-color:#c95e29;}
.about_tem ul li .bg2{ background-color:#ce7f19;}


.about_info{ width:90%; display:block; clear:both; margin:12px auto; overflow:hidden; font-size:15px; line-height:160%;}
.about_info h5{ display:block; clear:both; margin:19px 0 8px 0; color:#ca5f28; font-size:17px; font-weight:normal; }
.about_info ul{ display:block; clear:both; width:105%;}
.about_info ul li{  float:left; margin:0 3% 0 0;}
.about_info ul li a{ display:block; padding:10px 8px; background-color:#ca5f28; color:#fff; border-radius:25px; margin:5px 0; text-align:center; font-size:15px;}


.brand_info{ width:90%; display:block; clear:both; margin:12px auto; overflow:hidden; font-size:15px; line-height:160%;}
.brand_info h5{ display:block; clear:both; margin:19px 0 8px 0; color:#ca5f28; font-size:17px; font-weight:normal; }
.brand_info ul{ display:block; clear:both; width:105%; margin:20px 0 0 0;}
.brand_info ul li{ width:46%; float:left; margin:0 3% 7px 0;}
.brand_info ul li img{ width:100%;}


.brand_tit{ display:block; clear:both; margin:70px auto 0;}
.brand_tit h3{ width:90%; margin:0 auto 12px; font-size:22px; font-weight:normal;}
.brand_tit h3 a{ display:block; padding:6px 22px; background-color:#666; color:#fff; border-radius:25px; margin:0px 0 12px; text-align:center; font-size:15px; float:right; font-weight:normal;}
.brand_tit img{ width:100%;}

.brand_detail{ display:block; clear:both; width:90%; margin:0 auto; font-size:14px; line-height:160%;}
.brand_detail img{ width:100%; display:block; clear:both; margin:5px auto;}
.brand_code{ display:block; clear:both; width:90%; margin:19px auto 12px;}
.brand_code img{ width:100%;}


.contact{ display:block; clear:both; text-align:center;}
.contact .intro{ display:block; clear:both; width:90%; color:#c16932; font-size:18px; margin:25px auto 15px; }
.contact img{ width:90%; margin:0 auto;}


.faq{ display:block; clear:both; margin:48px auto 0;}
.faq img{ width:100%;}

.faq2{ display:block; clear:both; margin:48px auto 0; background-color:#ebebeb; height:100% !important;}
.otherFAQ{ width:85%; margin:0 auto; clear:both;}
.otherFAQ h3{ display:block; clear:both; font-size:18px; color:#c55f28; border-bottom:3px solid #c55f28; padding:25px 2px 5px; margin:0 auto; text-align:left; font-weight:normal;}
.otherFAQ ul{ padding:10px 0 0 0;}
.otherFAQ ul li{ display:block; clear:both; text-align:left; margin:15px 0;}
.otherFAQ ul li label{ font-size:15px; display:block; clear:both; margin:0 0 4px 3px;}
.otherFAQ ul li input{ border-radius:9px; font-size:14px; width:96%; padding:9px 2%; display:block; clear:both; border:1px solid #ddd; background-color:#fff;}
.otherFAQ ul li textarea{ border-radius:9px; font-size:14px; width:96%; padding:9px 2%; display:block; clear:both; border:1px solid #ddd; background-color:#fff;}
.otherFAQ ul li a{ width:100%;}
.otherFAQ a{ display:block; margin:22px auto; text-align:center; background-color:#ca8015; color:#fff; font-size:17px; border-radius:50px; width:96%; padding:10px 2%;}
.otherFAQ a:hover{ background-color:#b25c10;}


.faq_info{ width:90%; display:block; clear:both; margin:12px auto; overflow:hidden; font-size:15px; line-height:160%;}

.faq_info{ width:100%; height:auto; display:block; clear:both; margin:5px auto; position:relative; overflow:hidden; background-color:#fff;}
.faq_info ul li{ display:block; clear:both; border-bottom:1px solid #dfdfdf;}
.faq_info ul li a{ padding:10px 8% 10px 8%; display:block; clear:both; font-size:16px; color:#ba801b; background:url(../images/dian.png) no-repeat 5% center; background-size:5px;    position:relative; text-decoration:none; }
.faq_info ul li a i{ display:block; position:absolute; right:4%; top:30%; height:22px; width:22px; overflow:hidden; background:url(../images/typeIcon1.png) no-repeat left center; background-size:100%; }
.faq_info ul li .ui-state-active i{ background:url(../images/typeIcon2.png) no-repeat left center; background-size:100%;}
.faq_info ul li .ui-state-active{ color:#ba801b;}

.subList{ clear:both; display:none; border-top:1px solid #dfdfdf; padding:5px 0;}
.subList ol li{ display:block; clear:both; padding:4px 0; border:none; border-bottom:0px; position:relative; margin:0 2% 0 8%;}
.subList ol li a{ display:block; width:94%; padding:2px 0 2px 9px;  color:#333; font-size:14px; font-weight:normal; line-height:140%;  background: url(../images/rect3.jpg) no-repeat left 10px; background-size:3px;}

.otherFAQBtn { display:block; clear:both; text-align:center; margin:0 auto;}
.otherFAQBtn a{ display:block; margin:18px auto; text-align:center; background-color:#ca8015; color:#fff; font-size:17px; border-radius:50px; width:75%; padding:10px;}
.otherFAQBtn a:hover{ background-color:#b25c10;}




.faq_detail{ display:block; clear:both; width:91%; margin:0 auto; padding:10px 0; line-height:160%;}
.faq_detail img{ width:100%; display:block; clear:both; margin:6px 0;}






.arrow_box {
	position: relative;
	background: #fcf6f1;
	border: 1px solid #f8e8dd; min-height:100px; padding:10px 14px; border-radius:6px;
	margin:10px auto 10px;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(252, 246, 241, 0);
	border-bottom-color: #fcf6f1;
	border-width: 8px;
	margin-left: -8px;
}
.arrow_box:before {
	border-color: rgba(248, 232, 221, 0);
	border-bottom-color: #f8e8dd;
	border-width: 10px;
	margin-left: -10px;
}
























#orientLayer {
	display:none
}
@media screen and (min-aspect-ratio:13/9) {
	#orientLayer {
	display:block
}
}

.mod-orient-layer {
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#221814;
	z-index:9999997
}
.mod-orient-layer__content {
	position:absolute;
	width:100%;
	top:45%;
	margin-top:-75px;
	text-align:center
}
.mod-orient-layer__icon-orient {
	background-image:url('../images/heng.png');
	display:inline-block;
	width:67px;
	height:109px;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-webkit-animation:rotation infinite 1.5s ease-in-out;
	animation:rotation infinite 1.5s ease-in-out;
	-webkit-background-size:67px;
	background-size:67px
}
.mod-orient-layer__desc {
	margin-top:20px;
	font-size:15px;
	color:#fff
}

@-webkit-keyframes rotation {
10% {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg)
}
50%,60% {
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg)
}
90% {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg)
}
100% {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg)
}
}
@keyframes rotation {
10% {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg)
}
50%,60% {
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg)
}
90% {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg)
}
100% {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg)
}
}


